*{padding: 0;margin: 0;}

html,body{height: 100%;width: 100%;overflow: hidden;font-family: "黑体";}

/*function*/
.f-db{}
.f-df{display: flex;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}

/**/
.g-nav{ top:0; left:0; height: 40px; width: 100%; z-index: 1; background-color:#222;/*opacity: 0.7;*/}

.g-body{}
.g-body .g-bg{ top: 40px; bottom: 40px; left: 0; right: 0; background-color: #eee; transition: 4s;}
.g-body .g-bg:hover{transform:scale(1.1);transition:4s;}
 .thank{float: right; display: flex; position: absolute; right: 10px; bottom:50px; z-index: 999;}
.g-body .g-btn{z-index: 1;top:35%; left: 50%; transform: translate(-364px,-50%); vertical-align: middle;}
.g-search {outline:none;background: transparent;border: solid 3px #fff; font: 16px "宋体";color: #fff; opacity: 0.8; padding-left: 10px;}
.g-btn button{outline:none;width:50px; height:50px; border-radius:50%; background: #fff; color:black; border:0px solid; font: bold 14px '宋体'; opacity:0.8; margin-left: 15px; cursor: pointer;transition: 2s;}
.g-btn button:hover{transition: 1s; transform: rotate(360deg);}

.g-body .blocks{top:70%; left: 50%; transform: translate(-50%,-50%);}
.block{width: 200px; height: 232px; background: #fff; opacity: 0.6; margin: 20px; border-radius: 10px; overflow: hidden;}
.block .txt{height: 40px; line-height: 40px; background: #000; display: inline-block;color: #fff;width: 100%; text-align: center; cursor: default;}
.block a{padding: 5px 5px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-decoration: none; line-height: 22px; background-origin:padding-box; color: #000; font-size:12px;}
.block a:hover{transition: 1s; background-color: #000; background-origin:border-box; color: #fff;}

/*foot*/
.g-foot{ bottom: 0;left: 0;width: 100%;height: 40px; background-color:#222;}
.g-foot p{left:50%; top:50%; transform: translate(-50%,-50%);  margin:0 auto;color: #fff;}